
        body,html {
			position:absolute;        
			background-color:#9AC0CD;/*�޸ı���ɫ*/
			vertical-align:middle; 
			overflow:hidden;


        }

        .login-wrapper {
            position: absolute;
            margin: 0 auto;
            width: 500px;
            height: 300px;
            background: url(bg1.jpg) no-repeat center center;
        }
        

		
        #login-window,#login-window input,.copyright {
            font:normal bold 16px HPSimplified,Arial;
        }
		


        #login-window .ppm-logo {
			position: absolute;
			width: 0px;
			height: 0px;
			bottom: 0px;
			right: 0px;
			/*background: transparent center center url(/itg/web/new/img/ppm_logo.png) no-repeat;*/
        }

        #login-window .center {
			position: absolute;
            z-index:1;
			width:0%;
			height:100%;
	
        }

        #login-window .left-panel>div:first-child,
        #login-window .right-panel>div:first-child {
            margin-top:0px;
        }

       #login-window .left-panel {
            height:0;
            width:0;
            position: absolute;
            top:0;
            bottom:0;
            left:0;
        }

        #login-window .left-panel #logo {
            height:0px;
            /*background:transparent right top url(/itg/web/new/img/HP_Blue_64x64.png) no-repeat;*/
        }

        #login-window .right-panel {
            height: 100%;
            float: left;
            width: 470px;
            margin-left: 100px;
            margin-top: 90px;

        }

        #login-window .right-panel #title {
            height:64px;
            /*background:transparent left center url(/itg/web/new/img/PPM_HPSimplified_20.png) no-repeat;*/
            margin-top:20px;
            position:relative;
        }

        #login-window .right-panel #title span {
            background-color: red;
            color:white;
            border-radius: 2px;
            padding:0 6px;
            position:absolute;
            right:116px;
            bottom:0;
        }

        #login-window .right-panel #message {
            margin-top:2px;
            color:#ff0000;
        }

        #login-window .form-field {
            clear:both;
            margin-top:12px;
        }

        #login-window .form-field:first-child {
            margin-top:6px;
        }

        #login-window .form-field-label {
            width:224px;
        }

        #login-window .form-field-value {
            float:left;
            position:relative;
            margin-top:2px;
        }

        #login-window .form-field-value.text>input {
            border:none 0 transparent;
            width:220px;
            height:22px;
            line-height:22px;
            border:2px solid #CFCFCF;
        }

        #login-window .form-field-value.combo>select {
            width:224px;
            height:24px;
            line-height:24px;
            position:relative;
            border:2px solid #CFCFCF;
            display:block;
            text-decoration:none;
            color:black;
        }

        #login-window .form-field-value.combo>.inline span {
            padding-left:2px;
        }

        #login-window .form-field-value.combo>.inline .trigger {
            position:absolute;
            right:0;
            top:0;
            height:24px;
            width:24px;
            background:transparent center center url(/itg/web/new/img/dropdown_trigger.png) no-repeat;
        }

        #login-window .form-field-value.combo>div.dropdown {
            position:absolute;
            display: none;
            left:0;
            right:0;
            border:2px solid #CFCFCF;
            border-width:0 2px 2px 2px;
            background-color: white;
            box-shadow: 2px 4px 5px rgba(0, 0, 0, 0.15);
        }

        #login-window .form-field-value.combo.active>.inline {
            border-bottom-color:transparent;
        }

        #login-window .form-field-value.combo.active>div.dropdown {
            display:block;
        }

        #login-window .form-field-value.combo>div.dropdown>div {
            height:20px;
            line-height:20px;
            padding-left:2px;
        }

        #login-window .form-field-value.combo>div.dropdown>div:hover {
            background-color:#0096D6;
            color:white;
        }

        #login-window .form-field.checkbox input {
            float:left;
            margin-left:0;
            padding-left:0;
        }

        #login-window .buttons {
            margin-top:10px;
            margin-bottom:30px;
        }

        #login-window .button {
            border-radius: 0 4px;
            background-color:#0096d6;
            color:white;
            float:left;
            height:36px;
            padding:0 15px;
            cursor: pointer;
            margin-left:10px;
            font:normal bold 16px/36px HPSimplified,Arial;
        }

        #login-window .button:first-child {
            margin-left:100px;
        }

        #login-window .button-submit {
            position:absolute;
            left:-999px;
        }

        .copyright {
            position: absolute;
            top:2px;
            right:8px;
            color:#AFAFAF;
            font-size:12px;
        }

        .comments {
            position:absolute;
            bottom:2px;
            left:8px;
            font-size:12px;
            line-height:20px;
            font:normal normal 14px HPSimplified,Arial;
        }

		.border-layout .hborder {
			height:0px;
		}

		.border-layout .vborder {
			width:0px;   
		}

